import { history } from "@umijs/max";
import { Button, Card, Result } from "antd";
import { backgroundColor, color } from "../../config/defaultSettings";

export default () => {
  return (
    <Card style={{ borderWidth: 0 }} styles={{ body: {backgroundColor} }}>
      <Result
        status="404"
        title={<div style={{color}}>404</div>}
        subTitle={<div style={{color}}>抱歉，您访问的页面不存在。</div>}
        style={{ padding: 0 }}
        extra={(
          <Button type="primary" onClick={() => history.push("/")}>
            返回首页
          </Button>
        )}
      />
    </Card>
  );
};
